<template>
     <div class='no-item'>
        <div class="pic">

        </div>
        <slot name="tip">
            <p>你还没有产品，快去购买吧</p>        
        </slot>
     </div>
</template>

<script>
     export default {}
</script>

<style lang="less" scoped>
    .no-item{
        display: -webkit-flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width:100%;
        margin-top:2rem;
        .pic{
            width:1.3rem;
            height: 1.44rem;
            background:url('./no-item.png') no-repeat;
            background-size:contain;
        }
        p{
            font-size:0.24rem;
            font-weight: 700;
            color:#d0d0d0;
            margin-top:0.29rem;
        }
    }
</style>